﻿body {
background-color:#444;
font-family:Lucida Sans Unicode, Arial;
font-size:12px;
margin:0px 0px 0px 0px;
color:#555;
}

p {
padding:2px;
}
a{
color:#44A;
text-decoration:none;
}

a:hover{
color:#66F;
}

.btnlnk {}
a.btnlnk  {
   color:#343;
   background:#ACA;
   border:1px solid #363;
   font-size: 10pt;
   padding:2px;
   }

.thebox{
width:100%;
position:relative;
background-color:#fff;
}

#logo{
color:#111;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:230px;
font-size:2.5em;
text-align:right;
background:url(../images/back.jpg) no-repeat #87ADD2;
}

#logo a{
color:#000;
}

.header{
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
list-style-type:none;
font-size:1.4em;
background-color:#444;
}

.header span{
display:inline;
padding:0px 10px 0px 10px;
}
.header span a{
color:#aaa;
text-decoration:none;
}

.header .menuline2 a{
color:#66F;
text-decoration:none;
}

.header #currentmenuline a {
color:#AFA;
text-decoration:none;
}

.header span a:hover{
color:#fff;
text-decoration:none;
}

#footer{
position:relative;
text-align:right;
font-size:1em;
color:#ccc;
background-color:#444;
width:100%;
}
#footer a{
color:#eee;
}
.side{
float:left;
margin:0px 20px 50px 10px;
font-size:1.05em;
width: 180px;
}
.content{
margin-left:200px;
margin-right:5px;
background-color:#fff;
border-left:1px solid #eee;
padding:0 0 0 20px;
font-size:1.2em;
}
h2, h3, h4 {letter-spacing: -1px;}
h2{
font-size:1.6em;
color:#665;
}
h3, h4{
color:#887;
}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}

#user {
   display: inline;
   text-align:center;
   padding: 5px;
   color:#F90;
   }
ul.mylist   {
   margin-left: 0;
   padding-left: 20px;
   list-style-image: url(/images/bullet02.gif)
   }
ul.sortablelist   {
  list-style-image:none;
  list-style-type:none;
  margin:0px;
  padding:0px;
  }
ul.sortablelist   li {
  padding:0px;
  margin:3px;
  cursor: move;
  }
#info, #notice {
   width: 180px;
	margin: 10px 0 10px 0;
	color:#A00;
   }
#info span {
   color:#AAF;
   }
table.tasks{
   padding:10px;
   font-size:10pt;
   margin:0;
   }
label {
width: 120px;
float: left;
text-align: right;
margin-right: 4px;
display: block
}	
input, select {
   font-family:Arial;
   font-size:10pt;
   border: 1px solid #DDDDD0;
   padding:0;
   margin:2px;
   background-color: #FFFFFF;
   }
.submitbutton{
margin-left: 126px;
}	
input.button {
   background-color:#DDF;
   border: 1px solid #AAAAA0;   
   padding:0 10px 0 10px;
   }
input.done, select.done {
   background-color:#FFF;
   border: 1px solid #FFFFF0;
   color:#666;
   }

.groupbox {
   border: 1px solid #AAAAA0;
   background: #FFFFF0;
   padding: 15px;
   margin: 30px 0 0 0;
   }
.groupbox #title {
   width: 25%;
   float: left;
   margin-top: -30px;
   font-size:12pt;
   font-weight:bold;
   padding:2px;
   border: 1px solid #AAAAA0;
   background: #FD4;
	color: #333;
   }
   
.groupbox .subtitle {
   padding:3px;
   font-weight:bold;
   }
.duetoday, .duepast, .duefutur, .duenear {
   display: inline;
   }
.duetoday {
   background: #FFFF00;
   font-weight: bold;
   color: black;
   }
.duenear {
   background: #FFFF77;
   color: black;
   }
.duepast {
   background: #FF5555;
   color: black;
   }
.priority {
	display:inline;
	border: 1px solid #888;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	margin: 1px 5px 1px 2px;
	padding: 0 3px 0 3px;
	font-size:0.7em;
	}
.priority.p0, .p {background-color:#A44;color:white;}
.priority.p1{background-color:#FAA;}
.priority.p2{background-color:#FFA;}
.priority.p3{background-color:#AFA;}
.priority.p4{background-color:#EEE;}



